<template>
  <el-dialog id="online-detail" title="订单详情" width="80%" :visible.sync="visible">
    <el-form label-position="left" class="demo-table-expand" label-width="150px">
      <row-col>
        <el-form-item label="收件人中文姓名">{{obj.receiverName}}</el-form-item>
        <el-form-item label="收件人老挝姓名" slot="r">{{obj.laosReceiverName}}</el-form-item>
      </row-col>
      <row-col>
        <el-form-item label="收件人电话">{{obj.receiverPhone}}</el-form-item>
      </row-col>
      <row-col>
        <el-form-item label="收件网点">{{obj.currentName}}</el-form-item>
      </row-col>
      <row-col>
        <el-form-item label="物品">{{obj.articleName}}</el-form-item>
      </row-col>
      <row-col>
        <el-form-item label="品牌">{{obj.goods}}</el-form-item>
      </row-col>
      <row-col>
        <el-form-item label="件数">{{obj.insideCount}}</el-form-item>
      </row-col>
      <row-col>
        <el-form-item label="规格型号">{{obj.specification}}</el-form-item>
      </row-col>
      <row-col>
        <el-form-item label="重量kg">{{obj.weight}}</el-form-item>
      </row-col>
      <row-col>
        <el-form-item label="第三方快递单号">{{obj.number}}</el-form-item>
      </row-col>
      <row-col>
        <el-form-item label="备注">{{obj.detailNotes}}</el-form-item>
      </row-col>
    </el-form>
    <div slot="footer" class="dialog-footer">
      <el-button @click="visible = false">关闭</el-button>
    </div>
  </el-dialog>
</template>

<script>
  export default {
    name: "OrderDetail",
    props: {
      obj: {}
    },
    data() {
      return {
        visible: false
      }
    }
  }
</script>

<style lang="scss" scoped>
  #online-detail {
    .el-form-item {
      margin-bottom: 0 !important;
    }

    .el-row {
      padding: 0 3px 0 3px;
    }

    .el-row:nth-child(2n-1) {
      background: rgb(243, 243, 243);
    }
  }
</style>
